<!DOCTYPE html>
<html>
	<head>
		<title>智能康复服务系统</title>
		<meta charset="utf-8">
		<script type="text/javascript" src="./lib/js/jquery.min3.1.1.js"></script>
		<link rel="shortcut icon" href="./dest/images/WechatIMG164.png" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="./lib/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="./lib/css/jquery-ui.css">
		<script type="text/javascript" src="./lib/js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="./lib/js/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css" href="./lib/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="./dest/css/layout.css">
		<link rel="stylesheet" type="text/css" href="./dest/css/demo.css">
		<link rel="stylesheet" type="text/css" href="./dest/css/navstyle.css">
		<script type="text/javascript" src="./lib/js/jquery-resizable.min.js"></script>
		<style type="text/css">
			[class^="el-icon-fa"], [class*=" el-icon-fa"],[class^="el-icon"], [class*=" el-icon"] {
				display: inline-block;
				font: normal normal normal 14px/1 FontAwesome!important;
				font-size: inherit;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
			.el-menu-vertical-demo:not(.el-menu--collapse) {
				min-width: 200px;
			}
		</style>
	</head>
	<body>
		<div id="header" class="berma-toolbar">
			<div class="berma-toolbar-layout">
				<h1 class="berma-toolbar-layout-logo berma-toolbar-layout-logo-brm">
					<a href="javascript:void(0)" title="百尔马">百尔马</a>
				</h1>
				<h1 class="berma-toolbar-layout-logo berma-toolbar-layout-logo-shdq">
					<a href="javascript:void(0)" title="上海电气">上海电气</a>
				</h1>
				<p class="sys_title">智能康复服务系统</p>
			</div>
		</div>
		<div id="view-main">
			<div id="main-content">
				<template>
					<el-table
						:data="demoData.data"
						style="width: 100%">
						<el-table-column
							prop="name"
							label="姓名"
							width="80">
						</el-table-column>
						<el-table-column
							prop="gender"
							label="性别"
							width="60">
						</el-table-column>
						<el-table-column
							prop="time"
							label="时间"
							width="80">
						</el-table-column>
						<el-table-column
							prop="status"
							label="状态"
							width="60">
						</el-table-column>
						<el-table-column
							prop="age"
							label="年龄"
							width="60">
						</el-table-column>
						<el-table-column
							prop="describe"
							label="说明">
						</el-table-column>
						<el-table-column
							label="图片"
							prop="image_name">
								<template slot-scope="scope">
									<image style="width:100px; height:61.8px;" @click="smallimgClick" class="smallimg" v-bind:src="scope.row.image_name">
								</template>
						</el-table-column>
					</el-table>
				</template>
			</div>
			<img src="" alt="" class="bigimg" @click="maskClick">
	    <div class="mask" @click="maskClick">
	        <img src="./dest/images/close.png" alt=""  @click="maskClick">
	    </div>
		</div>
		<script type="text/javascript" src="./dest/js/demo.js"></script>
	</body>
</html>




